<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="my" uri="http://amani.com/function-taglib"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <title>本月活动</title>
        <link rel="stylesheet" type="text/css" media="screen" href="${ROOT_PATH }content/css/style.css?v=1.7">
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="${ROOT_PATH }content/scripts/jquery-1.10.1.min.js"></script>
        <script src="${ROOT_PATH }content/scripts/jquery.form.js"></script>
        <script src="${ROOT_PATH }content/scripts/public.js"></script>
        <script src="${ROOT_PATH }content/scripts/artDialog/jquery.artDialog.js?skin=idialog"></script>
        <script src="${ROOT_PATH }content/scripts/artDialog/artDialog.iframeTools.js"></script>
        <script src="${ROOT_PATH }content/scripts/jquery.fancybox.pack.js"></script>
        <script src="${ROOT_PATH }content/scripts/lk.js"></script>
        <script src="${ROOT_PATH }content/scripts/custom-form-elements.min.js"></script> 
</head>
<body>

<section class="headerBg"></section>
<section class="Active"> 
	 <c:if test="${fn:length(list)>0  }">
		 <c:forEach var="item" items="${list }"> 
		 	 <div class="Actived">
                <div class="time">${item.subtitle }</div>
                <div class="pic"><a href="${item.clink }" title="${item.title }"><img src="${item.path }" width="100%"></a></div>
                <div class="name"><a href="${item.clink }" title="${item.title }">${item.title }</a></div>
                <div class="infor"></div>
            </div>
		 </c:forEach>
	 </c:if>  
</section>

<script src="${ROOT_PATH }content/scripts/jquery.infinitescroll.min.js"></script>
<div id="loading" style="line-height: 50px; text-align: center;"></div>
<div id="navigation"><a href="${ROOT_PATH }activity/index/?p=2"></a></div>
<script>
    $('.Active').infinitescroll({
        navSelector: "#navigation",
        nextSelector: "#navigation a",
        itemSelector: ".Actived",
        debug: true,
        animate: false,
        extraScrollPx: 250,
        bufferPx: 40,
        errorCallback: function () {
            //alert('error');
        },
        localMode: true,
        dataType: 'html',
        loading: {
            msgText: "加载中...",
            finishedMsg: '没有新数据了...',
            img: "${ROOT_PATH }content/images/front/public/load.gif",
            selector: '#loading',
            speed: 'slow'
        }
    }, function (newElems) {
        //程序执行完的回调函数
        var $newElems = $(newElems).css("opacity", 0);
        $newElems.animate({opacity: 1}, 500);

        $('.Active').append($newElems);
    });
</script>
</body>
</html>